<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>修改学生成绩基本信息</title>
		<style type="text/css">
			body {
				margin: 0;
				padding: 0;
			}
			
			.head {
				background-color: #4d4d4d;
				width: 100%;
				height: 54px;
			}
			
			.head1 {
				display: flex;
				margin-left: 76.3%;
				padding-top: 15px;
				overflow: hidden;
				width: 350px;
			}
			
			.head1 img {
				width: 30px;
				height: 30px;
				margin-top: 2px;
			}
			
			.head1 span {
				line-height: 30px;
				margin-left: 5px;
				color: white;
			}
			
			#but1 {
				width: 20%;
				height: 33.7px;
				border-radius: 4px;
				margin-left: 9px;
				background-color: #5cb85c;
				border: none;
				color: white;
				font-size: 14.3px;
			}
			
			#but2 {
				width: 20%;
				height: 33.7px;
				margin-left: 9px;
				background-color: #d9534f;
				border: none;
				color: white;
				font-size: 14.3px;
			}
			
			#but1:hover {
				background-color: #449d44;
			}
			
			#but2:hover {
				background-color: #c9302c;
			}
			
			.mybody {
				background-color: #f3f3f3;
				width: 100%;
				height: 2000px;
				display: flex;
			}
			
			.mybody-left {
				width: 260px;
				height: 2000px;
				background-color: #202020;
			}
			
			.mybody-leftOne {
				height: 76.4px;
				display: flex;
				border: 1px solid;
				border-color: #2e2e2f;
				border-top: none;
				border-left: none;
			}
			
			.mybody-leftOne img {
				height: 40px;
				margin-top: 21px;
				margin-left: 10px;
			}
			
			.mybody-leftOne span {
				color: white;
				font-size: 14px;
				margin-left: 10px;
				line-height: 96.5px;
			}
			
			.mybody-leftTwo {
				height: 76.4px;
				display: flex;
				border: 1px solid;
				border-color: #2e2e2f;
				border-top: none;
				border-left: none;
			}
			
			.mybody-leftTwo img {
				height: 40px;
				margin-top: 21px;
				margin-left: 10px;
			}
			
			.mybody-leftTwo span {
				color: white;
				font-size: 14px;
				margin-left: 10px;
				line-height: 96.5px;
			}
			
			.mybody-leftThree {
				height: 76.4px;
				display: flex;
				border: 1px solid;
				border-color: #2e2e2f;
				border-top: none;
				border-left: none;
			}
			
			.mybody-leftThree img {
				height: 40px;
				margin-top: 21px;
				margin-left: 10px;
			}
			
			.mybody-leftThree span {
				color: white;
				font-size: 14px;
				margin-left: 10px;
				line-height: 96.5px;
			}
			
			.mybody-leftOne:hover {
				background-color: #000000;
			}
			
			.mybody-leftThree:hover {
				background-color: #000000;
			}
			
			.mybody-right {
				width: 80.75%;
				height: 1950px;
				background-color: white;
				margin-left: 30px;
				margin-top: 25px;
			}
			
			.mybody-head {
				color: red;
				font-size: 30px;
				margin-left: 10px;
				margin-top: 26px;
				text-shadow:1px 1px 0px #000000;
			}
			
			.mybody-head hr {
				width: 99%;
				margin-left: -1px;
				opacity: 0.2;
				margin-top: 27px;
			}
			
			.body_1 {
				border: 1px solid;
				width: 400px;
				margin-left: 10px;
				border-radius: 4px;
				border-color: gainsboro;
			}
			
			.body_2 {
				border: 1px solid;
				width: 100%;
				height: 40px;
				border-radius: 4px 4px 0px 0px;
				border-color: gainsboro;
				border-top: none;
				border-right: none;
				border-left: none;
			}
			
			.body_2 span {
				font-size: 13px;
				margin-left: 10px;
				line-height: 38px;
			}
			
			.con {
				margin-left: 4.1%;
				margin-top: 10px;
			}
			
			.con1 {
				border: 1px solid;
				border-color: gainsboro;
				border-radius: 4px 0px 0px 4px;
				width: 64px;
				height: 28px;
				background-color: #f5f5f5;
				text-align: center;
				float: left;
				font-size: 14px;
			
			
			
			}
			
			.con1 img {
				height: 10.7px;
				margin-top: 8px;
			}
			
			.con2 {
				border-bottom: none;
				border: 1px solid;
				border-color: gainsboro;
				border-radius: 0px 4px 4px 0px;
				width: 280px;
				height: 28px;
				
			}
			
			.con2 input {
				border: none;
				height: 24px;
				width: 275px;
				border-radius: 0px 4px 4px 0px;
				font-size: 12px;
				margin-top: 1px;
				margin-left: 1px;
			}
			
			.con4 {
				display: flex;
				font-size: 13px;
				padding-top: 6px;
			}
			
			.input-radio {
			
				margin-left: 15px;
			}
			
			button {
				border-radius: 4px;
				border: none;
				background-color: #5bc0de;
				color: white;
				height: 27px;
				font-size: 10px;
			
			}
			
			button:hover {
				background-color: #31b0d5;
			}
			
			.conOne {
				margin-left: 8px;
				margin-top: 15px;
				display: flex;
			}
			select{
				width: 283px;
				height: 30px;
				border-radius:  0px 4px 4px 0px;
				margin-top: 0.2px;
				border-color: gainsboro;
			}
			.yes img{
				height: 10px;
				
			}
			.no img{
				height: 10px;
				
				
			}
			.yes{
				display: none;
				margin-top: 5px;
				margin-left: 8px;
			}
			.no{
				margin-top: 5px;
				margin-left: 8px;
			}
		</style>
		
	</head>
	<body>
		<script src="js/header.js" type="text/javascript" charset="utf-8"></script>
		<div class="mybody">
			<div class="mybody-left">
				<div class="mybody-leftOne">
					<img src="img/ia_100000001.png">
					<span>学生信息管理</span>
				</div>
				<div class="mybody-leftTwo">
					<img src="img/ia_100000002.png">
					<span>学生成绩管理</span>
				</div>
				<div class="mybody-leftThree">
					<img src="img/ia_100000003.png">
					<span>科目管理</span>
				</div>
			</div>
			<div class="mybody-right">
				<div class="mybody-head">
					修改学生成绩基本信息
					<hr>
				</div>
				<div class="body_1">
					<div class="body_2">
						<span>编辑学生成绩信息</span>
					</div>
					<div class="con">
						<div class="conOne">
							<div class="con1">
								<img src="img/图层%201.png">
								<span>学号</span>
							</div>
							<div class="con2">
								<input type="number" name="" id="user1" value="" placeholder="学号" />
							</div>
							<div class="yanzheng1">
								<div class="yes">
									<img src="img/图层%204.png" >
								</div>
								<div class="no">
									<img src="img/图层%205.png" >
									
								</div>
							</div>
						</div>
						
						<div class="conOne">
							<div class="con1">
								<img src="img/图层%201.png">
								<span>学期</span>
							</div>
							<div class="con2">
								<input type="date" name="" id="user2" value="" placeholder="学期"/>
							</div>
							<div class="yanzheng2">
								<div class="yes">
									<img src="img/图层%204.png" >
								</div>
								<div class="no">
									<img src="img/图层%205.png" >
									
								</div>
							</div>
						</div>
						<div class="conOne">
							<div class="con1">
								<img src="img/图层%201.png">
								<span>科目</span>
							</div>
							<div id="user3">
								<select  onchange="ted()">
										<option value ="">请选择</option>
										<option value ="">Java</option>
										<option value ="">php</option>
										<option value ="">photoshop</option>
										<option value ="">Swift</option>
										<option value ="">C语言</option>
								</select>
							</div>
							<div class="yanzheng3">
								<div class="yes">
									<img src="img/图层%204.png" >
								</div>
								<div class="no">
									<img src="img/图层%205.png" >
									
								</div>
							</div>
						</div>
						<div class="conOne">
							<div class="con1">
								<img src="img/图层%201.png">
								<span>成绩</span>
							</div>
							<div class="con2">
								<input type="text" name="" id="user4" value="" placeholder="成绩" />
							</div>
							<div class="yanzheng4">
								<div class="yes">
									<img src="img/图层%204.png" >
								</div>
								<div class="no">
									<img src="img/图层%205.png" >
									
								</div>
							</div>
						</div>
						<div class="conOne">
							<button class="but5" type="button" >确认修改</button>
						</div>

						<div class="" style="height: 15px;">
								<input type="" name="" class="cun" value="" style="display: none;"/>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>
	<script src="js/new_file.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/成绩编辑页面.js" type="text/javascript" charset="utf-8"></script>
</html>

